<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>修改图书</title>

    <!-- Bootstrap -->
    <link href="/books/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/books/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="/books/build/css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <div class="page-title">
                <a href="/book/bookManage">
                    <div class="title_left" style="margin-left: 2%;">
                        <h3><small>图书管理界面</small></h3>
                    </div>
                </a>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 ">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>修改图书</h2>

                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <br />
                            <form action="/book/umodifyBook" enctype="multipart/form-data" method="post" id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
<!--                                <span class="required" style="color: red;"> *</span>-->
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">图书名称</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input type="text" name="book_name" required="required" class="form-control" th:value="${bookInfo.getString('book_name')}">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">作者</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input type="text" name="book_author" required="required" class="form-control" th:value="${bookInfo.getString('book_author')}">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">出版社</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input type="text" name="book_press" class="form-control" th:value="${bookInfo.getString('book_press')}">
                                    </div>
                                </div>

                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">出版日期</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input name="book_date" class="date-picker form-control" th:value="${bookInfo.getString('book_date')}" placeholder="dd-mm-yyyy" required="required" type="text" onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'" onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
                                        <script>
                                            function timeFunctionLong(input) {
                                                setTimeout(function() {
                                                    input.type = 'text';
                                                }, 60000);
                                            }
                                        </script>
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">库存数量</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input class="form-control" type="text" name="book_number" th:value="${bookInfo.getString('book_number')}">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align">图书封面</label>
                                    <div id="alerts"></div>
                                    <div data-role="editor-toolbar" data-target="#editor-one">
                                        <a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
                                        <input name="book_image" type="file"/>
                                    </div>
                                </div>

                                <div class="item form-group">
                                    <div class="col-md-6 col-sm-6 offset-md-3">
                                        <button class="btn btn-primary" type="reset">重置</button>
                                        <button class="btn btn-success" type="submit">提交</button>
                                    </div>
                                </div>
                            </form>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- jQuery -->
<script src="/books/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/books/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- bootstrap-wysiwyg -->
<script src="/books/vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js"></script>
<!-- Custom Theme Scripts -->
<script src="/books/build/js/custom.min.js"></script>

<script type="javascript" th:inline="javascript">

</script>
</html>